<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>404</title>
</head>
<body>
    <!-- 正文开始 -->
    <div class="error-page">
        <img class="error-page-img" src="ic_404.png">
        <div class="error-page-info">
            <h1>404</h1>
            <p>啊哦，你访问的页面不存在(⋟﹏⋞)</p>
            <!--<div>
                <a  href="../default.aspx" class="layui-btn">返回首页</a>
            </div>-->
        </div>
    </div>
    <style>
        * {
            font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
        }

        blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
            margin: 0;
            padding: 0;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }

        img {
            border: none;
        }

        .layui-btn, .layui-edge, .layui-inline, img {
            vertical-align: middle;
        }

        .error-page {
            position: absolute;
            top: 50%;
            width: 100%;
            text-align: center;
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            .error-page .error-page-img {
                display: inline-block;
                height: 260px;
                margin: 10px 15px;
            }

            .error-page .error-page-info {
                vertical-align: middle;
                display: inline-block;
                margin: 10px 15px;
            }

                .error-page .error-page-info > h1 {
                    color: #434e59;
                    font-size: 72px;
                    font-weight: 600;
                }

                .error-page .error-page-info > p {
                    color: #777;
                    font-size: 20px;
                    margin-top: 5px;
                }

                .error-page .error-page-info > div {
                    margin-top: 30px;
                }

        .layui-btn {
            display: inline-block;
            height: 38px;
            line-height: 38px;
            padding: 0 18px;
            background-color: #009688;
            color: #fff;
            white-space: nowrap;
            text-align: center;
            font-size: 14px;
            border: none;
            border-radius: 2px;
            cursor: pointer;
        }

        .layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
            outline: 0;
            -webkit-appearance: none;
            transition: all .3s;
            -webkit-transition: all .3s;
            box-sizing: border-box;
        }
    </style>


</body>
</html>